/** photo.css 2012.08.06.
 * ***************************************************
 *  图片频道/列表/内容展示样式
 *
 *  作者: 260134453@qq.com
 * &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
*/
@import url('base.css');


/* [ 基本 ] 
 ******************************************************************************
*/
.Photo {
    background-color: #333;
}
.Photo div[class|='rb'] {
    margin-bottom: 8px;
}
.Photo .list {
    min-height: 150px;
}
.Photo .list li {
    float: left;
    text-align: center;
    margin-top: 8px;
    margin-left: 22px;
}
.Photo .title {
    border-bottom: 1px #ccc solid;
}
.Photo .title h5 {
    float: left;
    width: 80%;
    height: 24px;
    background: url('../images/web/bgttl.png') no-repeat;
    padding: 2px 10px;
    font-size: 16px;
}
.Photo .iwrap {
    padding: 4px;
    border: 1px #bbb solid;
}
.Photo span.more {
    margin: 2px 10px 0 0;
}

/* 重置共享 */
.Photo .Topline {
    height: 34px;
    font-weight: bold;
    background: url('../images/web/bg-menu.png') repeat-x;
    color: #fff;
}
.Photo .Topline .box {
    padding-top: 8px;
}
.Photo .Topline a {
    color: #dfd;
}
.Photo .Main._2 {
    margin-top: 3px;
}
.Photo .Footer {
    margin-top: 0;
}


/* 纵向5图幻灯片（v5） */
.slide-v5 {
    width: 668px;
    border: 1px solid #ccc;
    padding: 5px;
    background-color: #fff;
}
.slide-v5 .pics {
    width: 550px;
}
.slide-v5 .pics {
    position: relative;
    overflow: hidden;
    height: 375px;
}
.slide-v5 .pics li {
    position: absolute;
    top: 0;
    left: 0;
    float: left;
    display: none;
}
.slide-v5 .title {
    width: 550px;
    height: 57px;
    background: transparent url(../images/web/bgtext.png);
    position: absolute;
    left: 0;
    bottom: 0;
}
.slide-v5 .title p {
    padding: 7px 10px 0;
    color: #fff;
    display: none;
}
.slide-v5 .title strong {
    font-size: 14px;
    line-height: 20px;
}
.slide-v5 .title a {
    color: #f93;
}
.slide-v5 .thumb {
    width: 117px;
    float: right;
}
.slide-v5 .thumb li {
    position: relative;
    float: right;
    margin-top: 4px;
}
.slide-v5 .thumb li a {
    float: right;
}
.slide-v5 .thumb li a .icon { display: none; }
.slide-v5 .thumb li.on a .icon {
    position: absolute;
    top: 20px;
    left: -10px;
    display:block;
    width: 9px;
    height: 16px;
}
.slide-v5 .thumb li img { border: 3px solid #ccc; }
.slide-v5 .thumb li.on img { border-color: #fa6; }


/* 侧栏 */
.aside {
    border: 1px #ccc solid;
}
.aside .pic {
    margin: 6px;
}
.aside .intro {
    margin: 10px auto;
}

.rb-1 .aside {
    width: 294px;
    background-color: #eee;
}
.rb-1 .aside h5 {
    text-align: center;
}
.rb-1 .intro {
    height: 157px;
}
.rb-1 .intro p {
    text-indent: 2em;
    margin: 10px;
}

/* 摘要 */
.rb-2 {
    height: 283px;
    background: url('../images/web/bg01.png') no-repeat;
}
.rb-2 .summary {
    padding: 50px 30px 10px;
}
.rb-2 .summary p {
    text-indent: 2em;
    margin: 10px 0;
    line-height: 200%;
}
.rb-2 .summary a {
    color: #c00;
    border: 1px #ccc solid;
    padding: 0 8px;
}

/* 图片列表 */
.Photo .works {
    padding-top: 44px;
    background: url('../images/web/bgttl10.png') no-repeat;
    background-color: #eee;
}
.Photo .works .item {
    padding: 10px 0;
}


/* 图片内容 */
#Show {
    background-color: #ddd;
    padding: 20px;
}
#Show h1 {
    text-align: center;
    font-size: 22px;
    margin: 18px;
}
#Show .stat {
    font-size: 14px;
    color: #999;
}
#Show .info {
    text-align: center;
    border: 1px #999 solid;
    background-color: #bbb;
    padding: 8px;
    border-radius: 5px;
}
#Show .tools {
    padding: 25px 10px 4px;
}
#Show .play {
    float: left;
}
#Show .play a {
    display: inline-block;
    height: 27px;
    width: 31px;
    background: url(../images/web/pre-next.png) no-repeat 0 0;
    margin-right: 8px;
}
#Show .tools .auto { background-position: -39px top; }
#Show .tools .next { background-position: -78px top; }
#Show .share {
    height: 20px;
    padding-top: 7px;
    text-align: right;
}
#Show .share a {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/web/icons.png) no-repeat;
    margin-left: 6px;
}
#Show .share a.t1 { background-position: left -115px; }
#Show .share a.t2 { background-position: left -159px; }
#Show .share a.t3 { background-position: left -205px; }
#Show .share a.t4 { background-position: left -250px; }
#Show .share a.t5 { background-position: left -294px; }
#Show .share a.t6 {
    background-position: left -421px;
    padding-left: 18px;
    width: auto;
}
#Show .big-pic {
    padding: 40px 20px;
    border: 1px solid #ededed;
    background-color:#fafcfe;
    position: relative;
}
#big-pic{
    min-height: 200px;
    margin: 0 auto;
    text-align: center;
}
#Show .big-pic .max {
    position:absolute;;
    bottom:0px;
    right:0px;
    background: #FFF url(../images/web/max.png) no-repeat 5px center;
    z-index:101;
    padding:5px 10px 5px 20px;
}
#Show .big-pic div[class|='item'] {
    position: absolute;
    top: 0;
    width: 50%;
    height: 100%;
    z-index: 100;
}
#Show .big-pic .item-prev { left: 0; }
#Show .big-pic .item-next { right: 0; }
#Show .big-pic div[class|='item'] a {
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(../images/blank.gif);
    outline: none;
}
#Show .list-pic {
    border-bottom: 1px #ccc dotted;
    padding: 22px 0 16px;
    height: 100px;
    position: relative;
}
#Show .list-pic .center {
    width: 700px;
}
#Show .list-pic .cont {
    float: left;
    width: 640px;
    height: 84px;
    overflow: hidden;
}
#Show .list-pic .cont li {
    float:left;
    text-align:center;
    margin: 0;
}
#Show .cont li img {
    width: 120px;
    height: 80px;
    margin: 0 auto;
    border: 2px solid transparent;
}
#Show .cont li.on img {
    border:2px solid #ffb017;
}
#Show .cont li a {
    float: left;
    outline: medium none;
}
#Show .list-pic .pre,
#Show .list-pic .next {
    float:left;
    display:block;
    position:relative;
    background: url(../images/web/pic_bg.png) no-repeat;
    width:110px;
    height:86px;
    text-align:center;
}
#Show .list-pic .pre {
    margin-right:10px;
}
#Show .list-pic .next {
    float:right; top:0;
}
#Show .list-pic .pre img,
#Show .list-pic .next img {
    width: 100px; height: 75px;
    margin: 2px 6px 0 0;
}
#Show .list-pic .pre a,
#Show .list-pic .next a {
    display: inline-block;
    padding: 1px 5px 0 3px;
}
#Show .pre-bnt,#Show .next-bnt {
    margin:5px;cursor:hand;!important;cursor: pointer;
}
#Show .pre-bnt,
#Show .pre-bnt span,
#Show .next-bnt,
#Show .next-bnt span {
    background: url(../images/web/big-btn.png) no-repeat;
    display: block;
    width: 17px;
    height: 69px;
}
#Show .pre-bnt { float:left; }
#Show .next-bnt { float: right; }
#Show .pre-bnt span { background-position: -30px top; }
#Show .next-bnt span { background-position: -55px top; }
#Show .list-pic .label {
    margin-top: 5px;
}
#Show .text {
    margin: 10px auto 5px;
    text-align: center;
}
#Show .content {
    border: 1px solid #ddd;
    background-color: #f3f3f3;
    padding: 8px 10px 15px;
    margin-bottom: 30px;
}

/* 浏览完提示 */
#endSelect{
    top: 200px;
    left: 360px;
    position: absolute;
    width: 230px;
    height: 85px;
    border: 1px solid #8a8a8a;
    z-index:200;
}
#endSelect .bg {
    height: 100%;
    width: 100%;
    background: #000;
    filter: Alpha(Opacity=50);
    opacity: 0.5;
}
#endSelect .E_Cont {
    position: absolute;
    top: 10px;
    left: 24px;
    color: #fff;
    font-size: 14px;
}
#endSelect .E_Cont p {
    padding: 4px 0;
}
#rePlayBut,
#nextPicsBut,
#endSelClose {
    background: url(../images/web/big-btn.png) no-repeat;
}
#rePlayBut {
    float: left;
    width: 69px;
    height: 23px;
    background-position: 0px -167px;
}
#nextPicsBut {
    float: left;
    width: 97px;
    height: 23px;
    background-position: -100px -167px;
    margin-left: 15px;
}
#endSelClose {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 11px;
    height: 11px;
    background-position: 0px -217px;
    cursor: pointer;
    z-index: 2;
}
